<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>瑞慈诊所</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta http-equiv="cleartype" content="on">
    <link rel="stylesheet" href="../css/common/common.css">
    <link rel="stylesheet" href="../css/component/component.css">
    <link rel="stylesheet" href="../css/common/swiper.min.css">
    <link rel="stylesheet" href="../css/homepage.css">
</head>
<body>
    <div id="homepage">
        <!--标准头部-->
        <clinic-head></clinic-head>
        <div class="mid" v-if="showMid">
            <div class="clinic-banner">
                <!-- Swiper -->
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide  hospital-desc">
                            <img src="../image/test1.png" alt="">
                        </div>
                        <div class="swiper-slide" @click="location.href = 'clinic.html'">
                            <img src="../image/test1.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../image/test1.png" alt="">
                        </div>
                        <div class="swiper-slide">
                            <img src="../image/test1.png" alt="">
                        </div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination"></div>
                </div>
                <div class="clinic-important-info">
                    <div class="notice">
                        <div class="title">
                            <span class="name">诊所公告</span>
                            <a class="link">更多</a>
                        </div>
                        <div class="content">
                            <ul>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请和平年代关注并大力支持哦，亲们</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="dynamic">
                        <div class="title">
                            <span class="name">诊所动态</span>
                            <a class="link">更多</a>
                        </div>
                        <div class="content">
                            <ul>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请和平年代关注并大力支持哦，亲们</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                                <li class="row-overflow">
                                    <a class="intro">木小木3月19日在中山医院就诊，请关注</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="visiting-experts">
                <h1 class="title">近期出诊专家</h1>
                <div class="date">
                    <div class="date-div date-left date-invalid"></div>
                    <div class="date-div week-day date-invalid">01-22 周一</div>
                    <div class="date-div week-day date-invalid">01-23 周二</div>
                    <div class="date-div week-day date-valid">01-24 周三</div>
                    <div class="date-div week-day date-invalid">01-25 周四</div>
                    <div class="date-div week-day date-invalid">01-26 周五</div>
                    <div class="date-div week-day date-invalid">01-27 周六</div>
                    <div class="date-div date-right date-invalid"></div>
                    <div class="date-div date-all date-invalid">查看全部</div>
                </div>
                <div class="experts-list">
                    <div class="expert-detail">
                        <div class="doctor-detail">
                            <div class="head-img">
                                <img  src="../image/doctor.png">
                            </div>
                            <p class="name">宋冬雷</p>
                            <p class="worker">主任医生</p>
                            <p class="hospital">上海瑞金医院</p>
                            <div class="skill three-overflow">擅长：脉动肿瘤、脑血管畸形、硬脑膜静脉瘘、外伤性海绵窦动静肿瘤、脊椎脉动肿瘤、脑血管畸形、硬脑膜静，骨折类的疾病</div>
                        </div>
                        <div class="order-btn">立即预约</div>
                    </div>
                    <div class="expert-detail">
                        <div class="doctor-detail">
                            <div class="head-img">
                                <img  src="../image/doctor.png">
                            </div>
                            <p class="name">宋冬雷</p>
                            <p class="worker">主任医生</p>
                            <p class="hospital">上海瑞金医院</p>
                            <div class="skill three-overflow">擅长：脉动肿瘤、脑血管畸形、硬脑膜静</div>
                        </div>
                        <div class="order-btn">立即预约</div>
                    </div>
                    <div class="expert-detail">
                        <div class="doctor-detail">
                            <div class="head-img">
                                <img  src="../image/doctor.png">
                            </div>
                            <p class="name">宋冬雷</p>
                            <p class="worker">主任医生</p>
                            <p class="hospital">上海瑞金医院</p>
                            <div class="skill three-overflow">擅长：脉动肿瘤、脑血管畸形、硬脑膜静脉瘘、外伤性海绵窦动静肿瘤、脊椎脉动肿瘤、脑血管畸形、硬脑膜静，骨折之的疾病</div>
                        </div>
                        <div class="order-btn">立即预约</div>
                    </div>
                    <div class="expert-detail">
                        <div class="doctor-detail">
                            <div class="head-img">
                                <img  src="../image/doctor.png">
                            </div>
                            <p class="name">宋冬雷</p>
                            <p class="worker">主任医生</p>
                            <p class="hospital">上海瑞金医院</p>
                            <div class="skill three-overflow">擅长：脉动肿瘤、脑血管畸形、硬脑膜静脉瘘、外伤性海绵窦动静肿瘤、脊椎脉动肿瘤、脑血管畸形、硬脑膜静，骨折之类的疾病</div>
                        </div>
                        <div class="order-btn">立即预约</div>
                    </div>
                    <div class="expert-detail">
                        <div class="doctor-detail">
                            <div class="head-img">
                                <img  src="../image/doctor.png">
                            </div>
                            <p class="name">宋冬雷</p>
                            <p class="worker">主任医生</p>
                            <p class="hospital">上海瑞金医院</p>
                            <div class="skill three-overflow">擅长：脉动肿瘤、脑血管畸形、硬脑膜静脉瘘、外伤性海绵窦动静肿瘤、脊椎脉动肿瘤、脑血管畸形、硬脑膜静，骨折之类的疾病</div>
                        </div>
                        <div class="order-btn">立即预约</div>
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="cooperate-brand">
                <div class="cooperate-nav">
                    <div class="title">合作品牌</div>
                    <div class="cooperate-tab">
                        <span class="cooperate-invalid">合作机构</span>
                        <span class="cooperate-valid">商业保险</span>
                        <span class="cooperate-invalid">商业保险</span>
                    </div>
                    <div class="all">全部</div>
                    <div class="clear"></div>
                </div>
                <div class="brand-list">
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_huawei.png">
                    </div>
                    <div class="brand-logo">
                        <img src="../image/b_zhongshan.png">
                    </div>
                    <div class="clear"></div>
                </div>
            </div>
        </div>
        <div class="search-result" v-else>
            <div class="result-empty" style="display: none">未搜索到相关结果</div>
            <div class="result-more">
                <div class="related-doctor">
                    <div class="hp-title">
                        <span class="title-name">相关医生</span>
                        <span class="all">全部医生</span>
                    </div>
                    <div class="doctor-list">
                        <div class="doctor-info">
                            <div class="doctor-intro">
                                <div class="personal">
                                    <div class="head-logo">
                                        <img src="../image/doctor.png">
                                    </div>
                                    <div class="detail">
                                        <p class="name">送东类</p>
                                        <p class="worker">外科-主任医师</p>
                                        <p class="hospital">上海瑞金医院</p>
                                    </div>
                                </div>
                                <div class="be-good three-overflow">
                                    <span>擅长：</span>
                                    <span>脑动脉瘤、脑血管畸形、硬脑膜动静脉瘘、外伤性海绵窦动静脉瘘、脊髓血管畸形、颈动脉狭窄、颅内动脉狭窄、脑部受伤等</span>
                                </div>
                            </div>
                            <div class="appoint-btn">立即预约</div>
                        </div>
                        <div class="doctor-info">
                            <div class="doctor-intro">
                                <div class="personal">
                                    <div class="head-logo">
                                        <img src="../image/doctor.png">
                                    </div>
                                    <div class="detail">
                                        <p class="name">送东类</p>
                                        <p class="worker">外科-主任医师</p>
                                        <p class="hospital">上海瑞金医院</p>
                                    </div>
                                </div>
                                <div class="be-good">
                                    <span>擅长：</span>
                                    <span>脑动脉瘤、脑血管畸形、硬脑膜动静脉瘘</span>
                                </div>
                            </div>
                            <div class="appoint-btn">立即预约</div>
                        </div>
                        <div class="doctor-info">
                            <div class="doctor-intro">
                                <div class="personal">
                                    <div class="head-logo">
                                        <img src="../image/doctor.png">
                                    </div>
                                    <div class="detail">
                                        <p class="name">送东类</p>
                                        <p class="worker">外科-主任医师</p>
                                        <p class="hospital">上海瑞金医院</p>
                                    </div>
                                </div>
                                <div class="be-good three-overflow">
                                    <span>擅长：</span>
                                    <span>脑动脉瘤、脑血管畸形、硬脑膜动静脉瘘、外伤性海绵窦动静脉瘘、脊髓血管畸形、颈动脉狭窄、颅内动脉狭窄、受伤等</span>
                                </div>
                            </div>
                            <div class="appoint-btn">立即预约</div>
                        </div>
                    </div>
                </div>
                <div class="related-video">
                    <div class="hp-title">
                        <span class="title-name">相关视频</span>
                        <span class="all">全部视频</span>
                    </div>
                    <div class="video-list">
                        <div class="video-intro">
                            <a class="pic-link" href="">
                                <img src="../image/doctor.png">
                                <p class="icons-bottom row-overflow">进补益生菌，保健康保健康保健康保健康</p>
                                <p class="icons-mid"></p>
                            </a>
                            <div class="video-info">
                                <p class="video-doctor">
                                    <span class="name">郑丽丽</span> &nbsp;
                                    <span class="worker">主任医师</span>
                                </p>
                                <p class="video-content two-overflow">
                                    可能许多人知道很多酵母景可能许多人知道很多酵母景可能许多人知道很多酵母景可能许多人知道很多酵母景
                                </p>
                            </div>
                        </div>
                        <div class="video-intro">
                            <a class="pic-link" href="">
                                <img src="../image/doctor.png">
                                <p class="icons-bottom row-overflow">进补益生菌，保健康保健康保健康保健康</p>
                                <p class="icons-mid">
                                </p>
                            </a>
                            <div class="video-info">
                                <p class="video-doctor">
                                    <span class="name">郑丽丽</span> &nbsp;
                                    <span class="worker">主任医师</span>
                                </p>
                                <p class="video-content two-overflow">
                                    可能许多人知道很多酵母景可能许多人知道很多酵母景可能许多人知道很多酵母景可能许多人知道很多酵母景
                                </p>
                            </div>
                        </div>
                        <div class="video-intro">
                            <a class="pic-link" href="">
                                <img src="../image/doctor.png">
                                <p class="icons-bottom row-overflow">进补益生菌，保健康保健康保健康保健康</p>
                                <p class="icons-mid">
                                </p>
                            </a>
                            <div class="video-info">
                                <p class="video-doctor">
                                    <span class="name">郑丽丽</span> &nbsp;
                                    <span class="worker">主任医师</span>
                                </p>
                                <p class="video-content two-overflow">
                                    可能许多人知道很多酵母景可能许多人知道很多酵母景可能许多人知道很多酵母景可能许多人知道很多酵母景
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="related-article">
                    <div class="hp-title">
                        <span class="title-name">相关文章</span>
                        <span class="all">全部资讯</span>
                    </div>
                    <div class="article-list">
                        <div class="article-intro flex">
                            <div class="l-article">
                                <img src="../image/123.png">
                            </div>
                            <div class="r-article">
                                <p class="title row-overflow">进补益生菌，保肝健康</p>
                                <p class="date">2015/8/10 13:14</p>
                                <p class="describe two-overflow">进补益生菌，保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康</p>
                            </div>
                        </div>
                        <div class="article-intro flex">
                            <div class="l-article">
                                <img src="../image/123.png">
                            </div>
                            <div class="r-article">
                                <p class="title row-overflow">进补益生菌，保肝健康</p>
                                <p class="date">2015/8/10 13:14</p>
                                <p class="describe two-overflow">进补益生菌，保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康</p>
                            </div>
                        </div>
                        <div class="article-intro flex">
                            <div class="l-article">
                                <img src="../image/123.png">
                            </div>
                            <div class="r-article">
                                <p class="title row-overflow">进补益生菌，保肝健康</p>
                                <p class="date">2015/8/10 13:14</p>
                                <p class="describe two-overflow">进补益生菌，保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康进补益生菌，保肝健康</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="related-guide">
                    <div class="hp-title">
                        <span class="title-name">相关指南</span>
                        <span class="all">全部指南</span>
                    </div>
                    <div class="guide-list">
                        <div class="guide-intro">
                            <p class="content row-overflow">保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌,进补益生菌，保肝健康进补益生菌保肝健康进补益生菌保肝健康进补益生菌</p>
                            <p class="read-btn"><span>在线阅读</span></p>
                        </div>
                        <div class="guide-intro">
                            <p class="content row-overflow">进补益生菌</p>
                            <p class="read-btn"><span>在线阅读</span></p>
                        </div>
                    </div>
                </div>
            </div>
            <clinic-process></clinic-process>
        </div>

        <!--标准底部-->
        <clinic-foot></clinic-foot>
        <!--右边导航栏-->
        <clinic-right></clinic-right>
    </div>
</body>
<script type="text/javascript" src="../lib/jquery.js"></script>
<script type="text/javascript" src="../lib/xdlines.jquery.min.js"></script>
<script type="text/javascript" src="../lib/swiper.min.js"></script>
<script type="text/javascript" src="../js/public/common.js"></script>
<script type="text/javascript" src="../lib/vue.min.js"></script>
<script type="text/javascript" src="../lib/vue-resource.min.js"></script>
<script type="text/javascript" src="../js/component/component.js"></script>
<script type="text/javascript" src="../js/homepage.js"></script>
<script>
    textOverflow()
</script>
</html>